<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<style type="text/css">
			*{
				padding: 0;
				margin: 0;
			}
			#box{
				width: 800px;
				height: 800px;
				border: 3px solid red;
				/*background: red;*/
				/*背景颜色*/
				/*background-color: red;*/
			
				/*背景图*/
				background-image: url('dog.jpg');
				
				/*图片X轴重复*/
				/*background-repeat: repeat-x;*/
				
				/*图片y轴重复*/
				/*background-repeat: repeat-y;*/
				
				/*不重复*/
				background-repeat: no-repeat;
								/*水平位置 垂直位置*/
				/*background-position: left bottom ;*/
				
				background-position: 20px -100px;
			}
		</style>
	</head>
	<body>
		<div id="box"></div>
	</body>
</html>
